html{
  background:  url(~@/assets/body-bg.jpg);
  background-size: 100% 100%;
  background-repeat:no-repeat;
  color: #FFFFFF;
}
.sip{
  ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: #000000;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #60b7d1;
    height: 15px;
    outline-offset: -1px;
    outline: 1px solid #999;
    -webkit-border-radius: 2px;
    //border: 1px solid #ccc;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #60b7d1;
  }
  body{
    //background-color:  #337ab7;
  }
  .common-panel{
    .common-body{
      background: transparent;
    }
  }
  .common-path{
    padding: 10px 0;
    /deep/.el-breadcrumb__inner a{
      color: #FFFFFF;
      &:hover{
        color: #409EFF;
      }
    }
  }
  .custom-table {
    background-color: transparent;
    color: #FFFFFF;
    height: 100%;

    //排除自身干扰
    .el-table__body tr.hover-row.current-row > td,
    .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
    .el-table__body tr.hover-row.el-table__row--striped > td,
    .el-table__body tr.hover-row > td {
      background-color: transparent !important;
    }
    tr{
      background-color: transparent;
    }

    .custom-head-row {
      background: transparent;
    }
    .custom-head-row {
      background: transparent;
    }
    th.el-table__cell{
      background-color: rgba(255,255,255,0.4);
    }

    //.custom-head-column {
    //  padding: 0;
    //  font-size: 12px;
    //  height: 30px;
    //  line-height: 30px;
    //  color: #FFFFFF;
    //}

    .el-table__body tr.el-table__row--striped td {
      background: #E8F5FE;
    }
    .el-table__fixed-right-patch{
      background-color: #FFFFFF;
    }
    .el-table__fixed-right{
      background-color: #FFFFFF;
      background-color: transparent;

      th.el-table__cell{
        background: transparent;
        .cell{
          color: #FFFFFF;
        }
      }
    }

    .el-table__body-wrapper {
      tr.hover-row>td {
        //background-color: rgba(79, 174, 206, 0.3)
      }
      //height: calc(100% - 40px);
      tr{
        &:hover >td{
          background: rgba(79, 174, 206, 0.3) !important;
        }
      }
      tr.hover-row {
        background: rgba(79, 174, 206, 0.3) !important;
        &:hover >td{
          background: transparent !important;
        }
      }
    }
    .el-table__fixed-body-wrapper{
      tr>td{
        transition:none !important;
      }
      tr{
        background: transparent;
      }
      tr.hover-row>td{
        background: rgba(79, 174, 206, 0.3) !important;
      }
      .auth-row {
        // background: rgba(79, 174, 206, 0.3);
        box-shadow: inset 0 0 20px 0 rgb(0 128 221);
        background: linear-gradient(91deg, rgb(0 128 221), transparent);
      }
      .exclude-row {
        box-shadow: inset 0 0 20px 0 rgb(140, 141, 141);
        background: linear-gradient(91deg, rgb(140, 141, 141), transparent);
        span{
          color:#c0c4cc;
        }
      }
    }
    .cell {
      text-align: center;
      width: 100%;
      display: flex;
      color: #FFFFFF;
      justify-content: space-around;
    }

  }
}

.el-message-box{
  background-color: transparent;
  background-image: url("~@/assets/message-box.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 241px;
  width: 420px;
  border-width: 0;
  color: #FFFFFF;
  .el-message-box__header{
    padding: 25px 30px 10px;
    .el-message-box__title{
      color: #FFFFFF;
    }
    .el-message-box__headerbtn{
      right: 25px;
    }
  }
  .el-message-box__content{
    padding: 15px 40px;
    height: 135px;
    color: #FFFFFF;
  }
  .el-message-box__btns{
    text-align: center;
  }
}
.el-dialog{
  position: relative;
  background-color: transparent;
  background-image:url("~@/assets/dialog_bg_title.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  padding: 0;
  .el-dialog__header{
    padding: 0;
    .el-dialog__headerbtn{
      right: 30px;
    }
  }
}
.el-input.is-disabled .el-input__inner{
  background-color: rgba(149,149,149,0.4);
}
.custom-table{
  .el-table__fixed-right{
    background:  url(~@/assets/body-bg.jpg);
    background-repeat:no-repeat;
    .custom-head-row{
      background-color: rgba(255, 255, 255, 0.4);
    }
  }
}
.el-loading-parent--relative{
  background-color: transparent;
}
.el-container .list-title {
  height: auto;
  padding: 0px 5px 25px;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  span{
    padding-right: 25px;
  }
}
